{% extends '::front-base.html.twig' %}

{% block body -%}
<form action="{{ path('front_buscar_vuelo') }}" method="post" {{ form_enctype(form) }}>
    <div style="padding-left: 10px; color: red;">{#{ form_errors(form) }#}</div>
    <div class="ui-widget">
        <fieldset class="label_side top right">
            <label>Origen: </label>
            {{ form_widget(form.origen) }}
            <span class="form-erros">
                {{ form_errors(form.origen) }}
                </span>
            </fieldset>
            <fieldset class="label_side top right">
                <label>Destino: </label>
        {{ form_widget(form.destino) }}
                <span class="form-erros">
            {{ form_errors(form.destino) }}
                    </span>
                </fieldset>
                <fieldset class="label_side top right">
                    <label>Fecha: </label>
            {{ form_widget(form.fechaSalida) }}
                    <span class="form-erros">
                {{ form_errors(form.fechaSalida) }}
                        </span>
                    </fieldset>
                </div>
                <br/>
                <br/>
                <button type="submit">Buscar</button>
            </form>
            <br/>
            <br/>
{% if vuelos %}
            <table style="background-color: rgb(229, 242, 255); color: rgb(0, 0, 0); border: 1px solid rgb(0, 0, 0);">
                <thead>
                    <tr style="background-color: grey;">
                        <th>N&ordm;</th>
                        <th>Origen</th>
                        <th>Destino</th>
                        <th>Fecha/Hora Salida</th>
                        <th>Fecha/Hora Llegada</th>
                        <th></th>
                        <th></th>
                    </tr>
                </thead>
                <tbody>

        {% set count = 0 %}
        {% for vuelo in vuelos %}
            {% set count = count + 1 %}
                    <tr>
                        <td>{{ count }}</td>
                        <td>{{ vuelo.origen }}</td>
                        <td>{{ vuelo.destino }}</td>
                        <td>{{ vuelo.fechaSalida|date('d-m-Y') }} / {{ vuelo.horaSalida|date('H:i') }}hs.</td>
                        <td>{{ vuelo.fechaLlegada|date('d-m-Y') }} / {{ vuelo.horaLlegada|date('H:i') }}hs.</td>
                        <td><a href="{{ path('front_reservar_vuelo', {'id_vuelo' : vuelo.id}) }}"><button type="button">Reservar</button></a></td>
                    </tr>
        {% endfor %}
                </tbody>
            </table>
    {% else %}
            No hay vuelos registrados para esta fecha o destino.
    {% endif %}
{% block javascripts %}

            <script type="text/javascript">
                $(function() {
                    var availableTags = [""
                        {% for localidad in localidades %}
                    , {label: "{{ localidad.nombre }} ({{ localidad.sigla }})", value: "{{ localidad.nombre }}"}
                        {% endfor %}
                    ];
                            $(".origen").autocomplete({
                        source: availableTags
                    });

                    $(".destino").autocomplete({
                        source: availableTags
                    });

                });
                </script>
{% endblock %}
{% endblock %}

